專案資訊

我們是 FlowPick 開發團隊。FlowPick 是一款開源且輕量化的瀏覽器擴充功能（Manifest V3），專為需要經常下載網頁影音、圖片等媒體資源的開發者、內容創作者與數位行銷人員設計。

• 官網連結： flowpick.net
• GitHub 開源庫： github.com/ezwebtools/flowpick
• 支援瀏覽器： Chrome / Microsoft Edge / Firefox

開發動機：告別繁瑣的網頁媒體下載流程

在日常開發、製作影片或收集設計素材時，我們經常會遇到以下痛點：

1. 網路請求藏得很深： 許多影音網站的媒體檔案藏在複雜的網路請求（Network Requests）中，每次都要打開 DevTools 慢慢找 Response Header 或 .m3u8 / .mp4 連結。
2. 傳統擴充功能笨重或廣告過多： 市面上許多媒體下載擴充功能不僅吃記憶體，還夾帶大量追蹤碼或強制跳轉廣告，體驗極差。
3. 缺乏批次與預覽機制： 很多工具只能「盲猜」檔案，無法在下載前先預覽，導致載了一堆無用的碎片檔案。

因此，我們開發了 FlowPick，目標是用最簡潔、高效且乾淨的方式，處理網頁媒體嗅探與批次下載需求。

技術特點與架構亮點

1. 基於 Manifest V3 的輕量化嗅探機制

採用現代化的 Manifest V3 架構，透過高效的背景服務（Service Worker）來監聽並解析網路資源請求。在確保低記憶體佔用的同時，保持對各類動態加載媒體檔的敏銳度。

2. 串流影音與多格式支援

除了常見的 MP4、WEBM、PNG、JPG 外，FlowPick 對於常見的串流媒體（如 HLS/M3U8、MPEG-DASH）也能進行精準捕獲與解析，方便後續的下載或轉檔處理。

3. 可視化預覽與批次篩選

擴充功能介面提供直覺的媒體列表，支援直接在快顯視窗（Pop-up）中進行媒體預覽、解析度/檔案大小篩選，並支援一鍵批次打包下載，大幅提升素材收集的效率。

4. 嚴格維護使用者隱私（無追蹤、無廣告）

身為開源專案，FlowPick 不會收集任何使用者的瀏覽紀錄或個人資料，代碼完全透明，可在 GitHub 上接受社群檢驗。

解決的開發與使用難題

難題一：如何避免跨網域（CORS）與請求封鎖？

在下載某些跨網域的媒體資源時，常會碰到瀏覽器的安全性限制。FlowPick 透過宣告合規的權限範疇（Permissions），在遵循瀏覽器安全規範的前提下，順暢完成請求攔截與檔案串流儲存。

難題二：V1.1.6 版本的優化與穩定性提升

在最新的 V1.1.6 更新中，我們針對影音串流的嗅探精準度進行了全面升級，修復了部分複雜網頁結構下媒體資源漏抓的問題，並進一步改善了批次下載時的穩定度與 UI 操作體驗。

如何開始使用？

1. 安裝擴充套件： 前往 Chrome Web Store 或 Edge Add-ons 搜尋 FlowPick 並點擊安裝（亦可直接至 GitHub 下載 CRX/Zip 自行載入）。
2. 啟用嗅探： 瀏覽任何含有影音或圖片的目標網頁。
3. 點擊圖示： 點擊右上角 FlowPick 擴充功能圖示，即可即時查看該頁面抓取到的所有媒體檔案。
4. 預覽與下載： 勾選你需要的資源，點擊「下載」或「批次下載」即可完成。

結語與社群交流

FlowPick 是一個持續迭代的開源專案，我們非常希望聽聽台灣技術社群與邦友們的建議！

如果你在開發、媒體處理解析，或是 Chrome Extension Manifest V3 升級上有任何經驗，歡迎在下方留言交流，也歡迎至我們的 GitHub Repo 點個 Star 或提交 Issue / PR！